<!DOCTYPE html>
<html>

	<head>
		<meta charset='UTF-8'>
		<title></title>
		<link rel='stylesheet' href='../css/bootstrap.css'>
		<link rel='stylesheet' href='../vendors/linericon/style.css'>
		<link rel='stylesheet' href='../css/font-awesome.min.css'>
		<link rel='stylesheet' href='../vendors/owl-carousel/owl.carousel.min.css'>
		<link rel='stylesheet' href='../vendors/bootstrap-datepicker/bootstrap-datetimepicker.min.css'>
		<link rel='stylesheet' href='../vendors/nice-select/css/nice-select.css'>
		<link rel='stylesheet' href='../vendors/owl-carousel/owl.carousel.min.css'>
		<link rel='stylesheet' type='text/css' href='../css/layui.css' />
		<link href='../css/style1.css' type='text/css' rel='stylesheet' media='all'>
		<link rel='stylesheet' href='../css/font-awesome.css'>
		<link href='../css/popup-box.css' rel='stylesheet' type='text/css' media='all' />
		<!-- main css -->
		<link rel='stylesheet' href='../css/style.css'>
		<link rel='stylesheet' href='../css/responsive.css'>
		<script src='../js/jquery-3.2.1.min.js'></script>
		<script type='text/javascript' src='../js/layui.js'></script>
		<script type='text/javascript' src='../js/login.js'></script>
		
		
		<script src='../js/popper.js'></script>
		<script src='../js/bootstrap.min.js'></script>
		<script src='../vendors/owl-carousel/owl.carousel.min.js'></script>
		<script src='../js/jquery.ajaxchimp.min.js'></script>
		<script src='../js/mail-script.js'></script>
		<script src='../vendors/bootstrap-datepicker/bootstrap-datetimepicker.min.js'></script>
		<script src='../vendors/nice-select/js/jquery.nice-select.js'></script>
		<script src='../js/mail-script.js'></script>
		<script src='../js/stellar.js'></script>
		<script src='../vendors/lightbox/simpleLightbox.min.js'></script>
		<script src='../js/custom.js'></script>
<script src='../js/jquery.magnific-popup.js' type='text/javascript'></script>
		<script type='application/x-javascript'>
			addEventListener('load', function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
	</head>

	<body>
		<header class='header_area'>
			<div class='container'>
				<nav class='navbar navbar-expand-lg navbar-light'>
					<!-- Brand and toggle get grouped for better mobile display -->
					<a class='navbar-brand logo_h' href='../index.html'><img src='../image/Logo.png' alt=''></a>
					<button class='navbar-toggler' type='button' data-toggle='collapse' data-target='#navbarSupportedContent' aria-controls='navbarSupportedContent' aria-expanded='false' aria-label='Toggle navigation'>
                        <span class='icon-bar'></span>
                        <span class='icon-bar'></span>
                        <span class='icon-bar'></span>
                    </button>
					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class='collapse navbar-collapse offset' id='navbarSupportedContent'>
						<ul class='nav navbar-nav menu_nav ml-auto'>
							<li class='nav-item submenu dropdown active'>
								<a href='login.html' class='nav-link ' >登录/注册</a>
								
								<ul class='dropdown-menu'>

									<li class='nav-item'>
										<a class='nav-link book ' data-wow-delay='.5s' href='register.html'>注册</a>
									</li>
									<li class='nav-item'>
										<a class='nav-link book ' data-wow-delay='.5s' href='login.html'>登录</a>
									</li>
								</ul>

							</li>
							<li class='nav-item '>
								<a class='nav-link' href='index.html'>主页</a>
							</li>
							<li class='nav-item'>
								<a class='nav-link' href='about.html'>关于我们</a>
							</li>
							<li class='nav-item'>
								<a class='nav-link' href='accomodation.html'>预定</a>
							</li>
							<li class='nav-item'>
								<a class='nav-link' href='gallery.html'>照片墙</a>
							</li>
							<li class='nav-item submenu dropdown'>
								<a href='../#' class='nav-link dropdown-toggle' data-toggle='dropdown' role='button' aria-haspopup='true' aria-expanded='false'>博客</a>
								<ul class='dropdown-menu'>
									<li class='nav-item'>
										<a class='nav-link' href='blog.html'>博客</a>
									</li>
									<li class='nav-item'>
										<a class='nav-link' href='blog-single.html'>博客 详情</a>
									</li>
								</ul>
							</li>
							<li class='nav-item'>
								<a class='nav-link' href='elements.html'>Element</a>
							</li>
							<li class='nav-item'>
								<a class='nav-link' href='contact.html'>联系我们</a>
							</li>
						</ul>
					</div>
				</nav>
			</div>
		</header>

		<!-- login form popup-->

		

		<!-- //login form popup-->
		<!-- register form popup-->
		

		<script>
			$(document).ready(function() {
				$('.popup-with-zoom-anim').magnificPopup({
					type: 'inline',
					fixedContentPos: false,
					fixedBgPos: true,
					overflowY: 'auto',
					closeBtnInside: true,
					preloader: false,
					midClick: true,
					removalDelay: 300,
					mainClass: 'my-mfp-zoom-in'
				});

			});
		</script>
	</body>

</html>